<!-- 输码核销 -->
<template>
	<view class="pages bgc-w pl-40 pr-40">
		<view class="pages-title fc-3 mb-10">
			输码核销
		</view>
		<view class="pages-tips mb-50">
			请输入订单二维码下的12位核销码进行核销
		</view>
		<input class="pages-input fc-ac" :styles="styles" v-model="value" placeholder="请输入您的12位核销码" />
		<view class="btn-ac">
			立即核销
		</view>
		<!-- 技术支持 -->
		<p-support class=""></p-support>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value: ""
			};
		},
		methods: {
			input(e) {
				console.log(e)
			}
		},
		computed: {
			styles() {
				return {
					color: '#00A191',
					height: '80rpx',
					padding: '0 20rpx',
					fontSize: '28rpx',
				}
			},
			placeholderStyle() {
				return {
					color: '#999',
					height: '80rpx',
					padding: '0 20rpx',
					fontSize: '28rpx'
				}
			}
		},

	}
</script>

<style lang="scss" scoped>
	.pages {
		width: 100vw;
		height: 100vh;
		padding-top: 50rpx;
	}

	.pages-title {
		font-size: 48rpx;
		font-weight: 600;
		line-height: 80rpx;
	}

	.pages-input {
		width: 100%;
		border-radius: 12rpx;
		border: 2rpx solid #00A191;
		height: 100rpx;
		padding: 0 20rpx;
		box-sizing: border-box;
	}

	.btn-ac {
		line-height: 96rpx;
		margin-top: 200rpx;
	}
</style>